<template>
  <div class="all">
    <div class="bluetop">
      <i
        class="hmtt hmtt-zuojiantou"
        @click="$router.push({ name: 'wode' })"
      ></i>
      <van-tabs router v-model="active" style="width: 300px; margin: auto">
        <van-tab title="头条" to="/List/toutiao"></van-tab>
        <van-tab title="关注" to="/List/guanzhu"></van-tab>
        <van-tab title="粉丝" to="/List/fans"></van-tab>
        <van-tab title="获赞" to="/List/zan"></van-tab>
      </van-tabs>
    </div>
    <router-view></router-view>
  </div>
</template>
<script>
export default {
  data() {
    return {
      active: this.$route.params.active,
    };
  },
  beforeMount() {},
};
</script>
<style lang="less" scoped>
.van-tabs__nav {
  background: rgba(0, 0, 0, 0) !important;
}
.van-tab {
  color: #ffffff !important;
}
.van-tabs__line {
  background: #ffffff !important;
  color: #ffffff !important;
}
</style>
